<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style type="text/css">
    .watch{
        color: #000000;
        font-size: 28px;
        margin-top: 28px;
        font-family: "方正粗圆简体";

    }
    .page{
        margin-left: 30%;
    }
    .index{
        display: flex;

    }
    .title{

        text-decoration: none;
        margin-left: 30%;

    }
    .station{
        background:cornflowerblue;
        display: flex;
        height: 760px;
    }
    .hand{
        flex:2;
        border-right: 2px solid white;
        text-align: center;


    }
    .hand p{
        font-size:25px;
        font-family: '方正粗圆简体';
        color:white;
        margin-top:350px;

    }
    .bg0{
        background: url("pictures/bg.png");
        background-size: cover;
    }
    .bg{
        background: url("pictures/bg1.png");
        background-size: cover;
    }
    .bg1{
        background: url("pictures/bg2.png");
        background-size: cover;
    }
    .bg2{
        background: url("pictures/bg3.png");
        background-size: cover;
    }
    .bg3{
        background: url("pictures/bg4.png");
        background-size: cover;
    }

</style>
<body style="margin: 0px">
<div class="index">
    <a href="" class="title watch">言之叶庭在线观看</a>
    <p class="page watch">首页</p>
</div>

<!--背景图-->
<div class="station">
    <div class="hand bg0">
        <p>言叶之庭</p>
        <img src="pictures/add.png">
    </div>
    <div class="hand bg">
        <p>言叶之庭</p>
        <img src="pictures/add.png">
    </div>
    <div class="hand bg1">
        <p>言叶之庭</p>
        <img src="pictures/add.png">
    </div>
    <div class="hand bg2">
        <p>言叶之庭</p>
        <img src="pictures/add.png">
    </div>
    <div class="hand bg3">
        <p>言叶之庭</p>
        <img src="pictures/add.png">
    </div>

</div>
<!--介绍-->
<div>
    <h1>好好学习</h1>
    <p>好好学习</p>
    <div>好好学习</div>
</div>
<script type="">

</script>
</body>
</html>